<template>
  <div class="ye" >
    <Headervue></Headervue>
    <Father></Father>
    <Footervue></Footervue>
  </div>  
  
</template>

<script setup>


import { reactive } from "vue";
import Father from './components/father.vue';
import Headervue from "./components/Header.vue";
import Footervue from "./components/Footer.vue";
  name: "App";



</script>

<style scoped>
    .ye{
      position: relative;
      max-width: 600px;
      min-width: 320px;
      background-color:#fff;
    }
</style>